<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>巴巴快巴-定时器</title>
    <link rel="icon" th:href="@{/images/favicon.ico}">
    <div th:replace="footer :: resource"></div>
    <link rel="stylesheet" type="text/css" th:href="@{/css/login/login.css}"/>
    <script type="text/javascript" th:src="@{/js/login/login.js}"></script>
</head>
<body id=userlogin_body>
<form id="loginForm" method="post">
    <div id=user_login>
        <dl>
            <dd id=user_top>
                <ul>
                    <li class=user_top_l></li>
                    <li class=user_top_c></li>
                    <li class=user_top_r></li>
                </ul>
            <dd id=user_main>
                <ul>
                    <li class=user_main_l></li>
                    <li class=user_main_c>
                        <div class=user_main_box>
                            <ul>
                                <li class=user_main_text>
                                    用户名：
                                </li>
                                <li class=user_main_input>
                                    <label>
                                        <input class="txtusernamecssclass easyui-validatebox"
                                               data-options="required:true,validType:'email',missingMessage:'邮箱不能为空.',invalidMessage:'邮箱格式不正确'"
                                               name="username" maxlength="30">
                                    </label>
                                </li>
                            </ul>
                            <ul>
                                <li class=user_main_text>
                                    密 码：
                                </li>
                                <li class=user_main_input>
                                    <label>
                                        <input class="txtpasswordcssclass easyui-validatebox"
                                               data-options="required:true,missingMessage:'密码不能为空.'" type="password"
                                               name="password">
                                    </label>
                                </li>
                            </ul>
                            <ul>
                                <li class=user_main_text>
                                    验证码：
                                </li>
                                <li class=user_main_input>
                                    <img class="vc-pic" width="65" height="23" title="点击刷新验证码"
                                         src="/captcha?time=new Date().getTime()" onclick="loadVrifyCode()">
                                    <label>
                                        <input class="vc-text easyui-validatebox"
                                               data-options="missingMessage:'验证码不能为空.'" maxlength="4"
                                               type="text" name="verifyCode">
                                    </label>
                                    <a id="hyz" onclick="loadVrifyCode()">更换</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class=user_main_r>
                        <input class="ibtnentercssclass"
                               style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px"
                               type=image src="/images/login/user_botton.gif" onclick="toLogin()">
                    </li>
                </ul>
            <dd id=user_bottom>
                <ul>
                    <li class=user_bottom_l></li>
                    <li class=user_bottom_c>
                    </li>
                    <li class=user_bottom_r></li>
                </ul>
            </dd>
        </dl>
    </div>
</form>
</body>